body,
ul {
	padding: 0px;
	margin: 0px;
	background: #f2f2f2;
}

@font-face {
	font-family: 'myfont1';
	src: url('font-one/font_banner/iconfont.eot');
	src: url('font-one/font_banner/iconfont.eot?#iefix') format('embedded-opentype'), 
	url('font-one/font_banner/iconfont.woff') format('woff'), 
	url('font-one/font_banner/iconfont.ttf') format('truetype'), url('font/font_banner/iconfont.svg#iconfont') format('svg');
}

.clear:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.banner {
	margin: 0px auto;
	width: 1220px;
	background: #59aa3a;
}

.meau {
	margin: 0px 140px;
}

.meau .logo {
	float: left;
	background: url(picture-one/picture_banner/logo.png);
	width: 60px;
	height: 60px;
}

.meau .banner_front {
	float: left;
	margin-left: 9px;
}

.meau .banner_front ul {
	list-style: none;
}

.meau .banner_front ul li {
	float: left;
}

.meau .banner_front ul li a {
	display: block;
	color: white;
	width: 89px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}

.meau .banner_front ul li a:hover {
	background: #51a332;
}

.meau .banner_mid {
	float: left;
	margin-top: 5px;
}

.meau .banner_mid img {
	width: 131px;
}

.meau .banner_search {
	float: left;
	margin-left: 21px;
}

.meau .banner_search a {
	display: block;
	font-family: "myfont1";
	line-height: 60px;
	font-size: 25px;
	color: white;
	text-decoration: none;
}

.meau .banner_login {
	float: left;
	margin-left: 21px;
}

.meau .banner_login a {
	display: block;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	color: white;
}

.meau .banner_final {
	float: right;
}

.meau .banner_final ul {
	list-style: none;
	padding=0px;
	margin: 0px;
}

.meau .banner_final ul li {
	float: right;
}

.meau .banner_final ul .line {
	width: 1px;
	height: 60px;
	border-right: 1px solid #419641;
}

.meau .banner_final ul li a {
	display: block;
	width: 85px;
	text-align: center;
	color: white;
	text-decoration: none;
	line-height: 60px;
}

.meau .banner_final ul li a span {
	font-family: "myfont1";
	font-size: 14px;
	color: #f1ad09;
}

.meau .banner_final ul li a:hover {
	background: #51A332;
}

@font-face {
	font-family: 'myfont2';
	src: url('font-one/font_main/iconfont.eot');
	src: url('font-one/font_main/iconfont.eot?#iefix') format('embedded-opentype'), 
	url('font-one/font_main/iconfont.woff') format('woff'), 
	url('font-one/font_main/iconfont.ttf') format('truetype'),
	 url('font-one/font_main/iconfont.svg#iconfont') format('svg');
}

.main {
	margin: 0px auto;
	width: 1220px;
}

.main ul {
	list-style: none;
}

.main ul li {
	float: left;
	background: #FFFFFF;
	display: block;
	position: relative;
}

.main ul li a {
	color: white;
	text-decoration: none;
}

.main ul li:nth-child(1) img {
	width: 167px;
	height: 390px;
	padding: 5px 10px 0px 0px;
}

.main ul li:nth-child(1) .left_shadow {
	position: absolute;
	display: block;
	width: 177px;
	height: 400px;
	background: white;
	bottom: 0px;
	opacity: .5;
}

.main ul li:nth-child(2) img {
	width: 856px;
	height: 390px;
	padding: 5px 5px 0px;
}

.main ul li:nth-child(2) .left_logo {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	background: #303030;
	opacity: .7;
	left: 5px;
	top: 170px;
	font-family: "myfont2";
	line-height: 50px;
	text-align: center;
	font-size: 30px;
}

.main ul li:nth-child(2) .left_logo:hover {
	background: lightgreen;
	opacity: .6;
}

.main ul li:nth-child(2) .right_logo {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	background: #303030;
	opacity: .7;
	right: 5px;
	top: 170px;
	font-family: "myfont2";
	line-height: 50px;
	text-align: center;
	font-size: 30px;
}

.main ul li:nth-child(2) .right_logo:hover {
	background: lightgreen;
	opacity: .6;
}

.main ul li:nth-child(3) img {
	width: 167px;
	height: 390px;
	padding: 5px 0px 0px 10px;
}

.main ul li:nth-child(3) .right_shadow {
	position: absolute;
	display: block;
	width: 177px;
	height: 400px;
	background: white;
	bottom: 0;
	opacity: .5;
}

@font-face {
	font-family: 'myfont3';
	src: url('font-one/font_content/iconfont.eot');
	src: url('font-one/font_content/iconfont.eot?#iefix') format('embedded-opentype'), 
	url('font-one/font_content/iconfont.woff') format('woff'), 
	url('font-one/font_content/iconfont.ttf') format('truetype'),
	 url('font-one/font_content/iconfont.svg#iconfont') format('svg');
}

.recom {
	margin: 40px auto 0px;
	width: 981px;
}

.recom .recom_meau ul {
	list-style: none;
}

.recom .recom_meau ul li {
	float: left;
	margin-right: 10px;
	border-radius: 4px;
	background: #F2F2F2;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
}

.recom .recom_meau ul li:hover {
	background: #59AA3A;
}

.recom .recom_meau ul li a {
	display: block;
	color: black;
	width: 61px;
	height: 30px;
	text-decoration: none;
	transition: all.35s;
}

.recom .recom_meau ul li:hover a {
	color: white;
}

.recom .recom_meau ul li:nth-child(2) {
	background: #59AA3A;
}

.recom .recom_meau ul li:nth-child(2) a {
	color: white;
}

.recom .recom_meau ul li:last-child {
	float: right;
	margin: 0px;
	text-align: right;
	background: #f2f2f2;
}

.recom .recom_meau ul li:last-child a {
	transition: all.5s;
}

.recom .recom_meau ul li:last-child:hover a {
	color: #59AA3A;
}

.recom .recom_content {
	margin-top: 20px;
	width: 981px;
	position: relative;
}

.recom .recom_content ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.recom .recom_content ul li {
	position: relative;
	float: left;
	background: #FFFFFF;
	margin-right: 20px;
}

.recom .recom_content ul li:hover {
	box-shadow: 5px 5px 10px lightgrey, -5px 0px 10px lightgrey;
	top: -2px;
}

.recom .recom_content ul li:last-child {
	margin: 0px;
	float: right;
}

.recom .recom_content ul li a {
	color: black;
	text-decoration: none;
}

.recom .recom_content ul li a img {
	width: 230px;
	height: 167px;
	transition: all.5s;
	font-weight: none;
}

.recom .recom_content ul li .img_hd {
	width: 230px;
	height: 167px;
	overflow: hidden;
}

.recom .recom_content ul li a img:hover {
	transform: scale(1.2);
}

.recom .recom_content ul li h1 {
	display: block;
	margin: 0px;
	line-height: 50px;
	padding: 20px 10px 0px;
	transition: all.5s;
}

.recom .recom_content ul li h1 a {
	transition: all.5s;
	font-size: 16px;
}

.recom .recom_content ul li h1:hover a {
	color: #59AA3A;
}

.recom .recom_content ul li .content_bottom {
	font-family: "myfont3";
	margin-left: 10px;
	font-size: 14px;
	color: #a0a0a0;
}

.recom .recom_content ul li .content_bottom span {
	font-size: 18px;
	margin-bottom: 5px;
}

.recom .recom_content ul li .content_fee {
	float: right;
	color: #f93;
	font-size: 14px;
	position: absolute;
	bottom: 34px;
	left: 187px;
}

.recom .recom_content ul li .content_line {
	margin: 0px auto;
	margin-top: 14px;
	width: 85%;
	height: 16px;
	border-top: 1px solid rgba(0, 0, 0, 0.14);
}

.recom .recom_content ul li .content_font {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: #333;
	bottom: 0px;
	opacity: .5;
	text-align: center;
	padding: 10px;
	top: 137px;
	left: 85px;
	font-size: 14px;
	transition: all.5s;
}

.recom .recom_content ul li .content_font:hover {
	transform: rotate(360deg);
}

.recom .recom_content ul li .content_font a {
	color: white;
}

.ztrecom {
	margin: 80px auto 0px;
	width: 981px;
}

.ztrecom h1 {
	margin: 0px 0px 20px 0px;
	font-size: 16px;
}

.ztrecom .ztrecom_left {
	float: left;
}

.ztrecom .ztrecom_left a img {
	display: block;
	margin: 0px;
	width: 674px;
	height: 374px;
}

.ztrecom .ztrecom_right {
	float: right;
}

.ztrecom .ztrecom_right ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.ztrecom .ztrecom_right ul li a img {
	display: block;
	margin: 0px;
	width: 307px;
	height: 187px;
}

.thank {
	position: relative;
	margin: 0px auto;
	width: 981px;
}

.thank h1 {
	padding: 0px;
	margin: 35px 0px 20px;
	font-size: 16px;
}

.thank ul {
	list-style: none;
}

.thank ul li {
	float: left;
	margin-right: 16px;
}

.thank ul li:last-child {
	float: right;
	margin: 0px;
}

.thank ul li a img {
	width: 150px;
	height: 80px;
}

.thank .thank_jtleft {
	position: absolute;
	top: 57px;
	left: -54px;
}

.thank .thank_jtleft a {
	font-size: 50px;
	font-family: "myfont2";
	color: #59AA3A;
	text-decoration: none;
}

.thank .thank_jtright {
	position: absolute;
	top: 57px;
	right: -54px;
}

.thank .thank_jtright a {
	font-size: 50px;
	font-family: "myfont2";
	color: #59AA3A;
	text-decoration: none;
}

.others {
	margin: 30px auto 0px;
	padding: 5px 0px 30px;
	width: 1220px;
	background: #fff;
}

.others .others_top {
	margin: 35px auto 0px;
	width: 981px;
	border-bottom: 1px solid #e2e2e2;
}

.others .others_top ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.others .others_top ul li {
	float: left;
	margin-right: 50px;
	padding-bottom: 15px;
}

.others .others_top ul li a {
	text-decoration: none;
	color: #8b8a8a;
}

.others .others_mid {
	margin: 25px auto 0px;
	width: 981px;
}

.others .others_mid h1 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	line-height: 50px;
}

.others .others_mid ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.others .others_mid ul li {
	float: left;
	margin-right: 28px;
}

.others .others_mid ul li a {
	font-size: 14px;
	color: black;
	text-decoration: none;
	transition: all.5s;
}

.others .others_mid ul li a:hover {
	color: #59AA3A;
}

.final {
	margin: 0px auto;
	width: 1120px;
	height: 60px;
	background: #59AA3A;
	padding-left: 100px;
}

.final .final_font {
	color: white;
	line-height: 60px;
}

.final .final_font a {
	line-height: 60px;
	color: white;
	text-decoration: none;
}